<template>
  <el-form label-position="top" class="p-10">
    <el-form-item label="列表数据">
      <VW v-model="activeData.extConfig.customCardLists">
        <el-input
          v-model="activeData.extConfig.customCardLists"
          placeholder="请选择数据"
        />
      </VW>
    </el-form-item>
    <el-form-item label="PC端列数">
        <el-input-number
          v-model="activeData.extConfig.columnCount"
        />
    </el-form-item>
     <el-form-item label="移动端列数">
        <el-input-number
          v-model="activeData.extConfig.mobileColumnCount"
        />
    </el-form-item>
     <el-form-item label="图片宽度">
        <el-input
          v-model="activeData.extConfig.imageWidth"
        />
    </el-form-item>
      <el-form-item label="图片高度">
        <el-input
          v-model="activeData.extConfig.imageHeight"
        />
    </el-form-item>
      <el-form-item label="对齐方式">
       <el-select v-model="activeData.extConfig.alignItem">
          <el-option v-for="(item, index) in alignItems" :key="index" :value="item.value" :label="item.label"></el-option>
       </el-select>
    </el-form-item>
      <el-form-item label="显示标题">
        <el-switch
          v-model="activeData.extConfig.showTitle"
        />
    </el-form-item>
     <el-form-item label="标题颜色">
       <el-color-picker v-model="activeData.extConfig.titleColor"></el-color-picker>
    </el-form-item>
    <el-form-item label="标题字重">
        <el-select v-model="activeData.extConfig.titleWeight">
          <el-option v-for="(item, index) in weights" :key="index" :value="item.value" :label="item.label"></el-option>
       </el-select>
    </el-form-item>
    <el-form-item label="标题字号">
        <el-input-number
          v-model="activeData.extConfig.titleSize"
        />
    </el-form-item>
     <el-form-item label="显示描述">
        <el-switch
          v-model="activeData.extConfig.showDescription"
        />
    </el-form-item>
     <el-form-item label="描述颜色">
       <el-color-picker v-model="activeData.extConfig.descriptionColor"></el-color-picker>
    </el-form-item>
    <el-form-item label="描述字重">
        <el-select v-model="activeData.extConfig.descriptionWeight">
          <el-option v-for="(item, index) in weights" :key="index" :value="item.value" :label="item.label"></el-option>
       </el-select>
    </el-form-item>
    <el-form-item label="描述字号">
        <el-input-number
          v-model="activeData.extConfig.descriptionSize"
        />
    </el-form-item>
  </el-form>
</template>
<script>
export default {
    name:'cardList-config',
    props:['activeData'],
    data(){
      return {
        alignItems: [
          {
            label: "左对齐",
            value: "flex-start"
          },
          {
            label: "居中对齐",
            value: "center"
          },
           {
            label: "右对齐",
            value: "flex-end"
          },
        ],
        weights: [
          {
             value: "lighter",
             label: "细"
          },
          {
            value: "normal",
            label: "正常"
          },
          {
             value: "bolder",
            label: "粗"
          },
        ]
      }
    },
    computed:{
    },
    watch:{
     
    },
    methods: {
   
    },
}
</script>